import ProfilePageClient from './ProfilePageClient';
import { generateMetadata, getData } from './metadata';

type Props = {
  params: Promise<{ slug: string }>;
};

export { generateMetadata };

export default async function ProfilePage(props: Props) {
  const params = await props.params;
  let data;
  try {
    data = await getData(params.slug.replace('%40', ''));
  } catch (e) {
    return <ProfilePageClient handle={params.slug} />;
  }

  return (
    <ProfilePageClient
      profile={data}
      handle={params.slug}
      artistProfile={data.artist_profile}
    />
  );
}